<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <script src="/e/js/jquery-1.4.2.js"></script>
</head>
<body>
<center>
  <div id="top" th:insert="~{top.html}"></div>
  <div id="content">

    <div id="prod_content">
      <div th:each="movie:${movielist}">
        <div class="prod_div">
          <a th:href="'/index/movie_detail?movieId='+${movie.movieId}">
            <div class="image-container">
              <img th:src="@{'/pictures/'+${movie.picture}}" border="0"/>
              <div th:if="${movie.isVip}==1" class="text-overlay">VIP</div>
            </div>
          </a>

          <div id="prod_rate_div" th:text="${movie.positiveRate}+'%好评'"></div>
          <div id="prod_title_div"><span th:text="${movie.movieName}"></span></div>
          <div>
            <div id="gotoplay_div">
              <a th:href="'/index/play_movie?movieId='+${movie.movieId}">点击播放</a></div>
          </div>
        </div>
      </div>
    </div>

    <!--分页超链接 -->
    <div id="pageBtn" style="clear: both;width: 240px;margin: 10px;display: flex">
      <div style="width: 90px;height: 20px;flex: 1">
                <span th:if="${currentPage}>1">
                    <a th:href="@{/index(pageNo=1)}">首页</a>
                    <a th:href="@{/index(pageNo=${currentPage - 1})}">上一页</a>
                </span>
      </div>

      <div style="width: 60px;height: 20px;flex: 1">
        <span th:text="${currentPage}+'/'+${pageCount}"></span>
      </div>

      <div style="width: 90px;height: 20px;flex: 1">
                <span th:if="${currentPage}<${pageCount}">
                    <a th:href="@{/index(pageNo=${currentPage + 1})}">下一页</a>
                    <a th:href="@{/index(pageNo=${pageCount})}">尾页</a>
                </span>
      </div>
    </div>
  </div>
  </div>
  </div>
  </div>
</center>
</body>
</html>